<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <p>
    <span>密码保护：</span>
    <select name="" id="">
      <option value="0">计算机类</option>
      <option value="1">科学类</option>
      <option value="2">人文类</option>
      <option value="3">xx类</option>
    </select>
  </p>
  
  <script>
    const p = Promise.race([
      fetch('/resource-that-may-tabke-a-while'),
      new Promise(function(reslove,reject) {
        setTimeout(() => reject(new Error('request timeout')),5000)
      })
    ])

    p.then(console.log)
      .catch(console.error);
    //上面代码中，如果 5 秒之内fetch方法无法返回结果，变量p的状态就会变为rejected，从而触发catch方法指定的回调函数。
  </script>
</body>
</html>